<script lang="ts" setup>
import { useRouter } from 'vue-router';
import { ref } from 'vue';
const router = useRouter()
function onClickLeft() {
    router.back()
}

const title = ref(window.localStorage.getItem('title'))
const message = ref(window.localStorage.getItem('message'))
</script>

<template>
    <van-nav-bar title="消息详情" left-text="返回" left-arrow @click-left="onClickLeft" />
    <div class="boxset">
        <!-- 导航栏 -->

        <div class="section">
            <h1>{{ title }}</h1>
            <p>{{ message }}</p>
        </div>
    </div>
</template>

<style lang="scss" scoped>
.van-nav-bar {
  background-color: #f7fdff;
}
h1 {
    text-align: center;
}

p {
    font-size: 16px;
    line-height: 40px;
}
.boxset {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;

    .section {
        flex: 1;
    }
}
</style>